﻿<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="user-scalable=no, initial-scale = 1, minimum-scale = 1, maximum-scale = 1, width=device-width" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<title>Dashboard</title>
	<link rel="shortcut icon" href="../../static/images/favicon.png">
	<link rel="stylesheet" href="../../static/stylesheets/app.css">
	<script src="../../static/scripts/library.js"></script>
	<script src="../../static/scripts/login.js"></script>

	{% if firstAttempt%}
	<script type="text/javascript">
	$(document).ready(function() {
		$.initializeLogin(false);
	});
	</script>
	{% else %}
	<script type="text/javascript">
	$(document).ready(function() {
		$.initializeLogin(true);
	});
	</script>
	{% endif %}

</head>
<body>
	<!--Log in screen-->
	<div id="welcome">
		<div id="users">
			<!--a href="#" class="plus">Add a user</a-->
			<div id="avatars">
				{% if firstAttempt and users%}
				{% for usert in users %}
				{% if usert.is_superuser and usert.is_active%}
				<a data-username="{{usert.username}}" data-avatar="../../static/{{usert.avatar}}" href="#" class="avatar pin"></a>
				{% endif %}
				{% endfor %}
				{% endif %}
				<a data-username="{{lastuser.username}}" data-avatar="../../static/{{lastuser.avatar}}" class="chance2"></a>
			</div>
		</div>


		<div id="password">
			<div id="message" data="{{message}}"></div>

			<div class="input username">
				<input form="login" name="username" type="text" placeholder="User name" />
			</div>
			<div class="input password">
				<input form="login" name="password" type="password" placeholder="Password" />
			</div>
			<button>Log in</button>
			<a rel="external" href="#" class="back">Back</a>

		</div>

		<form id="login" action="auth/" method="POST">
		</form>
	</div>
</body>
</html>